草庐IT

Bootstrap4 列表组

全部标签

javascript - 未检测到 Bootstrap 崩溃事件 hidden.bs.collapse

我有一个使用引导折叠元素的Angular应用程序。我创建了一个名为accordion-list的指令,用于托管可折叠元素。然后,为了收听事件,我使用了jquery事件委托(delegate)。出于某种原因,我的应用程序无法检测到Bootstrap何时触发hidden.bs.collapse事件。这是我的代码://app.js'usestrict';(function(){varprovasNaoIdentificadas=angular.module("provasNaoIdentificadas",['restClient']);provasNaoIdentificadas.cont

javascript - 在 Bootstrap 模式中验证输入文本

我想在不使用任何框架的情况下验证Bootstrap模式中的表单。它实际上是一个简单的模式,只有一个输入文本和两个按钮“关闭”和“发送”。用户应在输入框中键入他/她的姓名,然后单击发送。表单通过方法post发送。我想要做的是,如果用户没有在的输入框中输入任何内容并单击“发送”按钮,输入框应该有一个红色边框环绕它而不是默认的蓝色边框。这是我的模态代码:×MymodalPleaseenteryourname:NameCloseSend我尝试使用javascript将输入文本的类更改为has-error但它不会生成红色轮廓。当我点击发送时,它通过post方法发送空值而不是这是我的j

javascript - 使用 lodash 从平面列表创建树

我正在尝试使用下面的json对象数组创建类别树。如果一个类别的父级等于另一个类别的ID,我想将一个类别设置为另一个类别的子级,并且我希望帖子也成为该类别的子级,而不是为帖子设置单独的字段,我将添加一个标志字段是否为类别isParent。它看起来工作正常,但如您所见,如果一个类别同时有类别和帖子作为子类别,它只会显示类别。另一个问题是,如果帖子的数组中有空值,它仍会将它们作为子项推送。我的代码中有什么错误,或者是否有更简单或更好的解决方案?vartree=unflatten(getData());varpre=document.createElement('pre');console.l

javascript - 如何开始旋转一个 bootstrap Font Awesome 图标,然后使用 jQuery 让它停止

我正在处理的网页上有很棒的字体刷新图标。单击此图标时,我希望它开始旋转。我已经能够通过在我的JavaScript文件中输入以下内容来完成此操作:$('#lock-refresh').click(function(){$(this).addClass('fa-spin').//BelowisafunctionthatIneedtorunaftertheFAiconisclicked.startup();});不过,我只需要让这个图标旋转几秒钟。我试图将此(如下)添加到我的JS文件中,但是当我这样做时图标根本不旋转:$('#lock-refresh').click(function(){$

javascript - d.stopPropagation 不是 bootstrap select-picker 的函数

我的网站有一个问题,选择器在很多时候工作正常,但没有对代码进行任何更改,选择器停止工作。错误是:bootstrap-select.min.js:7UncaughtTypeError:d.stopPropagationisnotafunction我已经尝试更新库的版本,但我尝试过的所有版本(1.10、1.7、1.6和1.5)看起来都存在同样的问题。你能给我一些关于正在发生的事情的想法吗?如果您能在网站上看到该控制台,那就太棒了。 最佳答案 确保选择器在设置值之前已完全初始化:$('.selectpicker').selectpicke

Javascript - 显示和隐藏大量列表项的最快方法

当用户在Googlemap上平移时,当前可见标记的列表会更新。此列表最多包含1000个项目,并且在一次显示或隐藏数百里时速度变慢。不到半秒,却越来越烦人。数组(newLiList)包含现在应该可见的项目。另一个数组(currentLiList)包含以前可见的项目。两个数组都包含li的id作为索引。for(variinnewLiList){if(currentLiList[i]!=true){$("ul#theListli#"+i).show();}}for(variincurrentLiList){if(newLiList[i]!=true){$("ul#theListli#"+i).

javascript - 如何使用 JavaScript 声明和初始化带有键/值的数组,然后动态创建选择下拉列表

如何使用JavaScript声明和初始化具有键/值的数组,然后使用JavaScript动态创建选择下拉列表并将键/值分配给选项?谢谢 最佳答案 如果您使用JQuery会更容易...这就是在基本Javascript中的完成方式。varselectItems={me:"HariGangadharan",friend1:"AsifAktar",friend2:"JayThomas",friend3:"JohnAbrams"}selectItems["newFriend"]="NielGoldman";varselectContainer=

javascript - ember.js 如何为 View 显示不同的过滤列表?复杂的设置

我有一个应用程序,我有一个汽车View,我有一个国家/地区列表,每个国家/地区都有一个复选框,当我检查一个国家/地区时,它会在下面显示一个View,其中包含该国家/地区可用的零件列表。勾选更多国家会在页面下方显示更多国家的零件。零件都存储在一个地方,但需要按国家/地区字段过滤以仅显示该国家/地区的零件。我可以创建国家列表,并在检查它时显示下面的一个国家部分,其中包含零件列表,但是我该如何过滤以仅显示该国家/地区。我是否需要为每个国家/地区创建View并为每个国家/地区的部分创建Controller以显示??肯定有更好的方法。编辑:这就是我需要页面显示的方式:Coutries:UK所以我

javascript - 从哪里获得事件类型列表?

官方documentation只说:Theevent'stype,suchas"click","blur"or"keypress".对于iOS设备,touchstart是另一个有效的事件。我在哪里可以获得所有可能事件的完整列表?例如,我实际上喜欢为获取事件事件hasChanged().这是基于另一个库吗? 最佳答案 Meteor没有定义它支持的事件——它只是创建一个跨浏览器的事件监听器包装器。如果您想创建自定义事件并触发它们,Meteor会选择它们。支持的native输入事件取决于浏览器:MozillaDeveloperNetwor

javascript - Knockout.js 排序列表

我有一个使用knockout.js作为选择列表的排序列表。我想将其转换为无序列表。knockout.js排序列表的方法是什么?我认为错误在于:allItems().length>1http://jsfiddle.net/infatti/Ky5DK/varBetterListModel=function(){this.allItems=ko.observableArray([{name:'Denise'},{name:'Charles'},{name:'Bert'}]);//Initialitemsthis.sortItems=function(){this.allItems.sort(